<template>
  <div class="home">
    <mapVGL class="home-bmap"></mapVGL>
    <GoodHeader class="home-header" :title="title"></GoodHeader>
    <NativeLeft class="home-left"></NativeLeft>
    <NativeRight class="home-right"></NativeRight>
    <NativeBottom class="home-bottom"></NativeBottom>
  </div>
</template>
<script>
import mapVGL from './nativeMap/index.vue';
import GoodHeader from '@com/goodHeader/index.vue';
import NativeLeft from './nativeLeft/index.vue';
import NativeRight from './nativeRight/index.vue';
import NativeBottom from './nativeBottom/index.vue';
export default {
  components:{
    mapVGL,
    GoodHeader,
    NativeLeft,
    NativeRight,
    NativeBottom,
  },
  data() {
    return {
      title:'原生写的地图'
    };
  },
};
</script>
<style lang="scss" scoped>
.home{
  .home-header{

  }
  .home-bmap{
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .home-left{
    position: absolute;
    left:companyW(20vw)
  }
  .home-right{
    position: absolute;
    right:companyW(20vw)
  }
  .home-bottom{
    position: absolute;
    left: 50%;
    bottom: companyH(20vh);
    transform: translate(-50%,0);
  }
}
</style>
